.nav {
  padding: 10px 0;
  h2 {
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    margin: 7px 0 0 0;
  }
  img {
    width: 48px;
  }
  .am-flexbox-item {
    text-align: center!important;
  }
}

.swipers {
  height: 212px;
}

.group {
  background-color: #eee;
  overflow: hidden;
  .title {
    height: 40px;
    line-height: 40px;
    margin: 0 10px;
    font-size: 15px;
    font-weight: 700;
    span {
      float: right;
      color: #888;
      font-size: 12px;
    }
  }

  .grid  {
    padding: 0 10px;
    background-color: #eee;
    .am-grid .am-flexbox {
      background-color: inherit;
    }
    .am-flexbox-align-stretch {
      align-items: center;
      margin-bottom: 10px;
      .am-grid-item {
        background-color: #fff;
        border-radius: 5px;
        &:first-child {
          margin-right: 10px;
        }
      }
    }
  }
}

.news {
  margin-bottom: 50px;
  h3 {
    height: 40px;
    line-height: 40px;
    margin: 0 10px;
    font-size: 15px;
    font-weight: 700;
  }

  .am-flexbox .am-flexbox-item {
    margin-bottom: 10px;
    &:first-child {
      text-align: center;
    }
    &:last-child {
      flex: 2 1;
      padding-right: 10px;
      h4 {
        margin: 0 0 20px 0;
      }
      span {
        color: #999;
        font-size: 12px;
        &:last-child {
          float: right;
        }
      }
    }
  }
}
